(function($){
	var fillHtml = function(obj, args){
        obj.empty();
        //上一页
        if(args.current > 1){
            obj.append('<a href="javascript:;" class="prevPage">上一页</a>');
        }else{
            obj.remove('.prevPage');
            obj.append('<span class="disabled">上一页</span>');
        }
        //中间页码
        if(args.current != 1 && args.current >= 4 && args.pageCount != 4){
            obj.append('<a href="javascript:;" class="tcdNumber">'+1+'</a>');
        }
        if(args.current-2 > 2 && args.current <= args.pageCount && args.pageCount > 5){
            obj.append('<span>...</span>');
        }
        var start = args.current -2,end = args.current+2;
        if((start > 1 && args.current < 4)||args.current == 1){
            end++;
        }
        if(args.current > args.pageCount-4 && args.current >= args.pageCount){
            start--;
        }
        for (;start <= end; start++) {
            if(start <= args.pageCount && start >= 1){
                if(start != args.current){
                    obj.append('<a href="javascript:;" class="tcdNumber">'+ start +'</a>');
                }else{
                    obj.append('<span class="current">'+ start +'</span>');
                }
            }
        }
        if(args.current + 2 < args.pageCount - 1 && args.current >= 1 && args.pageCount > 5){
            obj.append('<span>...</span>');
        }
        if(args.current != args.pageCount && args.current < args.pageCount -2  && args.pageCount != 4){
            obj.append('<a href="javascript:;" class="tcdNumber">'+args.pageCount+'</a>');
        }
        //下一页
        if(args.current < args.pageCount){
            obj.append('<a href="javascript:;" class="nextPage">下一页</a>');
        }else{
            obj.remove('.nextPage');
            obj.append('<span class="disabled">下一页</span>');
        }
	}
    window.fillHtml = fillHtml;//把fillHtml设为全局变量
	var ms = {
		init:function(obj,args){
			return (function(){
				ms.fillHtml(obj,args);
				ms.bindEvent(obj,args);
			})();
		},
		//填充html
		fillHtml:function(obj,args){
			return (function(){
				fillHtml(obj, args);
			})();
		},
		//绑定事件
		bindEvent:function(obj,args){
			return (function(){
				obj.on("click","a.tcdNumber",function(){
					var current = parseInt($(this).text());
					ms.fillHtml(obj,{"current":current,"pageCount":args.pageCount});
					if(typeof(args.backFn)=="function"){
						args.backFn(current);
					}
				});
				//上一页
				obj.on("click","a.prevPage",function(){
					var current = parseInt(obj.children("span.current").text());
					ms.fillHtml(obj,{"current":current-1,"pageCount":args.pageCount});
					if(typeof(args.backFn)=="function"){
						args.backFn(current-1);
					}
				});
				//下一页
				obj.on("click","a.nextPage",function(){
					var current = parseInt(obj.children("span.current").text());
					ms.fillHtml(obj,{"current":current+1,"pageCount":args.pageCount});
					if(typeof(args.backFn)=="function"){
						args.backFn(current+1);
					}
				});
			})();
		}
	}
	$.fn.createPage = function(options){
		var args = $.extend({
			pageCount : 15,
			current : 1,
			backFn : function(){}
		},options);
		ms.init(this,args);
	}
})(jQuery);

//<div class="tcdPageCode"></div>//	页面的分页函数

//分页组件初始化
// $(".tcdPageCode").createPage({
//     pageCount:14,
//     current:1,
//     backFn:function(p){
//         console.log(p);
//     }
// });

//重新初始化
// fillHtml($(".tcdPageCode"), {'current': 1, 'pageCount': 14});

//css样式
// .tcdPageCode{padding: 15px 20px;color: #ccc;text-align:center;}
// .tcdPageCode a{display: inline-block;color: #767575;display: inline-block;height: 28px;	line-height: 28px;	padding: 0 10px;border: 1px solid #d9d7d7;vertical-align: middle;}
// .tcdPageCode a:hover{text-decoration: none;border: 1px solid #104ea3;}
// .tcdPageCode span.current{display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;color: #fff;background-color: #104ea3;	border: 1px solid #104ea3;vertical-align: middle;}
// .tcdPageCode span.disabled{	display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;color: #bfbfbf;background: #f2f2f2;border: 1px solid #d9d7d7;vertical-align: middle;}
// .tcdPageCode a:first-child, .tcdPageCode a:last-child, .tcdPageCode span:first-child, .tcdPageCode span:last-child{margin: 0 10px;}